<template>
  <div class="config-page">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="基本配置" name="first">
        <div class="page-content">
          <basePage />
        </div>
      </el-tab-pane>
      <el-tab-pane label="企业微信配置" name="second">
        <div class="page-content">
          <enterprisePage />
        </div>
      </el-tab-pane>
      <el-tab-pane label="微信小程序配置" name="third">
        <div class="page-content">
          <wxPage />
        </div>
      </el-tab-pane>

      <el-tab-pane label="小程序商城配置" name="four">
        <div class="page-content">
          <shopPage />
        </div>
      </el-tab-pane>

      <el-tab-pane label="底部菜单按钮配置" name="five">
        <div class="page-content">
          <bottomMenu />
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import basePage from "./page/Base.vue";
import enterprisePage from "./page/Enterprise.vue";
import wxPage from "./page/Wx.vue";
import shopPage from "./page/Shop.vue";
import bottomMenu from "./page/BottomMenu.vue";

let activeName = ref("first");
function handleClick() { }
</script>
<style lang="scss" scoped>
.config-page {
  .page-content {
    width: 100%;
    height: calc(100vh - 205px);
    overflow: hidden;
  }
}
</style>
